How I made this site

I wanted to avoid having to update my actual site every time I wanted to change an image, word, or even have the ability to post articles. And use some vcs like git... I did not want to pay for or set up a cms like wordpress so I figured I could use github!

APIS

You can simply use the urls to endpoints like this to get the manifest of your repo and the actual file contents.

const REPO = "shanehoughton/site-cms";
export const GITHUB_RAW_BASE = `https://raw.githubusercontent.com/${REPO}/main`;
export const GITHUB_CONTENTS_URL = `https://api.github.com/repos/${REPO}/contents`;

and then use simple get requests to fetch and display the content on the page somewhere:

import { GITHUB_RAW_BASE } from "../constants";

const PAGES_RAW_URL = `${GITHUB_RAW_BASE}/pages`;
const IMAGES_URL = `${GITHUB_RAW_BASE}/images`;

export async function getPageContent(pageName: string): Promise<string | null> {
   res =  ();
   (!res.)  ;

   raw =  res.();

   raw;
}

  ():  {
   (imageName.())  imageName;
   ;
}